<!DOCTYPE html>
<html lang="en">
<head>
    <title>门诊管理</title>
    <!--/metadata -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //for-mobile-apps -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

    <link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
    <!--//fonts-->
</head>
<body>
<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
    <ul id="myTab" class="nav nav-tabs" role="tablist">
        <li role="presentation" class=" active"><a href="#record-edition" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">病历查询</a></li>
        <li role="presentation"><a href="#profile" role="tab" id="profile-tab" data-toggle="tab" aria-controls="profile">药物查询</a></li>
        <li role="presentation" class="dropdown">
            <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown" aria-controls="myTabDrop1-contents">清单编辑<span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1" id="myTabDrop1-contents">
                <li><a href="#dropdown1" tabindex="-1" role="tab" id="dropdown1-tab" data-toggle="tab" aria-controls="dropdown1">病历编辑</a></li>
                <li><a href="#dropdown2" tabindex="-1" role="tab" id="dropdown2-tab" data-toggle="tab" aria-controls="dropdown2">检查单编辑</a></li>
                <li><a href="#dropdown3" tabindex="-1" role="tab" id="dropdown3-tab" data-toggle="tab" aria-controls="dropdown3">处方单编辑</a></li>
            </ul>
        </li>
        <li role="presentation"><a href="#dispensing" role="tab" id="drug-tab" data-toggle="tab" aria-controls="profile">药房查询</a></li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="record-edition" aria-labelledby="home-tab">
            <form action="#" method="post" style="position: absolute; top: 5%; padding: 100px 100px 100px 100px;">
                <div class="row wow fadeInUp animated" data-wow-delay=".5s">
                    <div class="col-lg-6 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人身份证号" aria-describedby="basic-addon2" name="Pid">
                        </div>
                    </div>
                    <div class="col-lg-6 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病历编号" aria-describedby="basic-addon2" name="Rid">
                        </div>
                    </div>
                </div>
                <div class="date_btn">
                    <input type="submit" name="getRecordHistory" value="获取历史病历" />
                </div>
                <div class="date_btn">
                    <input type="submit" name="getRecord" value="查询病历信息" />
                </div>
            </form>
            <div class="bs-docs-example wow fadeInUp animated" data-wow-delay=".5s" style="position: absolute; left: 50%; top: 5%; padding: 100px 100px 100px 100px;">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>病历编号</th>
                        <th>就诊时间</th>
                        <th>诊断</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>r12345677654321</td>
                        <td>2019-11-19</td>
                        <td>正常</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="profile" aria-labelledby="profile-tab">
            <form action="#" method="post" style="position: absolute; top: 5%; padding: 100px 100px 100px 100px;">
                <div class="row wow fadeInUp animated" data-wow-delay=".5s">
                    <div class="col-lg-6 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="药物编号" aria-describedby="basic-addon2" name="Mid">
                        </div>
                    </div>
                    <div class="col-lg-6 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="药物名" aria-describedby="basic-addon2" name="Mname">
                        </div>
                    </div>
                </div>
                <div class="date_btn">
                    <input type="submit" name="drugSearch" value="检索药物" />
                </div>
                <div class="date_btn">
                    <input type="submit" name="getDrugInfo" value="查询药物信息" />
                </div>
            </form>
            <div class="bs-docs-example wow fadeInUp animated" data-wow-delay=".5s" style="position: absolute; left: 50%; top: 5%; padding: 100px 100px 100px 100px;">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>药物名</th>
                        <th>药物编号</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>qms</td>
                        <td>111222333444555</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="dropdown1" aria-labelledby="dropdown1-tab">
            <form action="UpdateRecord" method="post" style="position: absolute; top: 5%; padding: 100px 100px 100px 100px;">
                <div class="row wow fadeInUp animated" data-wow-delay=".5s">
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人身份证号" aria-describedby="basic-addon2" name="Pid">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病历编号" aria-describedby="basic-addon2" name="Rid">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="科别" aria-describedby="basic-addon2" name="Department">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="就诊类型" aria-describedby="basic-addon2" name="DiagType">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人姓名" aria-describedby="basic-addon2" name="Pname">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人性别" aria-describedby="basic-addon2" name="Psex">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人年龄" aria-describedby="basic-addon2" name="Page">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人职业类别" aria-describedby="basic-addon2" name="PworkType">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人电话" aria-describedby="basic-addon2" name="Pphone">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人家庭住址" aria-describedby="basic-addon2" name="Paddr">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="诊断" aria-describedby="basic-addon2" name="Diag">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="药物史" aria-describedby="basic-addon2" name="DrugHistory">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="主诉" aria-describedby="basic-addon2" name="MainComplaint">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="现病史" aria-describedby="basic-addon2" name="curMedicalHistory">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div  class="span1_of_1 book_date">
                            <input class="date" id="datepicker1" name="updateDate" placeholder="就诊日期"  type="text" required="">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div  class="span1_of_1 book_date">
                            <input class="date" id="datepicker2" name="infectDate" placeholder="发病日期"  type="text" required="">
                        </div>
                    </div>
                </div>
                <div class="date_btn">
                    <input type="submit" name="new" value="新建" />
                </div>
                <div class="date_btn">
                    <input type="submit" name="update" value="修改" />
                </div>
            </form>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="dropdown2" aria-labelledby="dropdown2-tab">
            <form action="#" method="post" style="position: absolute; top: 5%; padding: 100px 100px 100px 100px;">
                <div class="row wow fadeInUp animated" data-wow-delay=".5s">
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人身份证号" aria-describedby="basic-addon2" name="Pid">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="执行科室" aria-describedby="basic-addon2" name="subjectRoom">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人姓名" aria-describedby="basic-addon2" name="Pname">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人性别" aria-describedby="basic-addon2" name="Psex">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人年龄" aria-describedby="basic-addon2" name="Page">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人职业类别" aria-describedby="basic-addon2" name="PworkType">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人电话" aria-describedby="basic-addon2" name="Pphone">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人家庭住址" aria-describedby="basic-addon2" name="Paddr">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="临床诊断" aria-describedby="basic-addon2" name="Diag">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病情摘要" aria-describedby="basic-addon2" name="MedicalSum">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="检查部位" aria-describedby="basic-addon2" name="checkPart">
                        </div>
                    </div>
                    <div class="col-lg-3 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="注意事项" aria-describedby="basic-addon2" name="warning">
                        </div>
                    </div>
                </div>
                <div class="date_btn">
                    <input type="submit" name="new" value="新建" />
                </div>
            </form>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="dropdown3" aria-labelledby="dropdown3-tab">
            <form action="#" method="post" style="position: absolute; top: 5%; padding: 100px 100px 100px 100px;">
                <div class="row wow fadeInUp animated" data-wow-delay=".5s">
                    <div class="col-lg-12 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人身份证号" aria-describedby="basic-addon2" name="Pid">
                        </div>
                    </div>
                </div>
                <div class="date_btn">
                    <input type="submit" name="new" value="新增药品" />
                </div>
                <div class="date_btn">
                    <input type="submit" name="done" value="完成" />
                </div>
            </form>
            <div class="bs-docs-example wow fadeInUp animated" data-wow-delay=".5s" style="position: absolute; left: 50%; top: 5%; padding: 100px 100px 100px 100px;">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>药品名</th>
                        <th>药物编号</th>
                        <th>单价</th>
                        <th>药物数量</th>
                        <th>药物用法</th>
                        <th>合计</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="dispensing" aria-labelledby="profile-tab">
            <form action="#" method="post" style="position: absolute; top: 5%; padding: 100px 100px 100px 100px;">
                <div class="row wow fadeInUp animated" data-wow-delay=".5s">
                    <div class="col-lg-6 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="病人身份证号" aria-describedby="basic-addon2" name="Pid">
                        </div>
                    </div>
                    <div class="col-lg-6 in-gp-tb">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="处方单号" aria-describedby="basic-addon2" name="prescriptionNum">
                        </div>
                    </div>
                </div>
                <div class="date_btn">
                    <input type="submit" name="getPrescriptionInfo" value="查询处方单" />
                </div>
                <div class="date_btn">
                    <input type="submit" name="getProgress" value="进度跟踪" />
                </div>
            </form>
            <div class="bs-docs-example wow fadeInUp animated" data-wow-delay=".5s" style="position: absolute; left: 50%; top: 5%; padding: 100px 100px 100px 100px;">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>病人姓名</th>
                        <th>病人身份证号</th>
                        <th>进度</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>张三</td>
                        <td>123456789987654321</td>
                        <td>无处方单</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //Tour-Locations-JavaScript -->
<script src="js/SmoothScroll.min.js"></script>
<!-- smooth scrolling-bottom-to-top -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */
        $().UItoTop({ easingType: 'easeOutQuart' });
    });
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling-bottom-to-top -->
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
</script>
<!-- start-smoth-scrolling -->
<!-- Calendar -->
<link rel="stylesheet" href="css/jquery-ui.css" />
<script src="js/jquery-ui.js"></script>
<script>
    $(function() {
        $( "#datepicker1" ).datepicker();
        $( "#datepicker2" ).datepicker();
    });
</script>
<!-- //Calendar -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
</body>
</html>